<template>
	<div class="menu-list-page">
		<view class="menu-item" v-for="(item,index) in menus" :key="index">
			<FunMenuItemVue  :menu="item" :size="size"/>
		</view>
	</div>
</template>

<script lang="ts" setup>
	import FunMenuItemVue from './funMenuItem.vue';
	import { PropType} from 'vue';
	defineProps({
		menus: {
			type: Array as PropType<Array<{iconPath: string, pageJumpPathUrl: string, name: string}>>,  
			required: true,
			default: () => [],  
		},
		size: {
			type: Number,
			default: 40
		}
	})
</script>

<style lang="scss" scoped>
	.menu-list-page{
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 15upx;
		.menu-item{}
	}

</style>